/*#############################################################
Name: Dirtylicious
Date: 2007-03-10
Description: A soft-colored, bright and somewhat dirty two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
html {min-height: 100%;}

* {
        margin: 0;
        padding: 0;
}

a {color: #048;}
a:hover {color: #06C;}
#menucentral {
    float:left; /*flota pegado a la izquierda*/
    margin:0px 0px auto 0;/*arriba derecha abajo izquierda*/
    width:1000px;
    height:70px;
} 
#menucentral ul {
    list-style-type:none; /*con esto quitamos las vi�etas*/
    margin:0; /*le quitamos el margen a la lista*/ 
    padding:0; /*y el relleno*/
}
#menucentral ul li {
    list-style-type:none; /*con esto quitamos las vi�etas*/
	margin:0px; /*le quito el margen al elemento de la lista*/ 
    float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	vertical-align:middle;
}
#menucentral li a {
    display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
    background-color:#CCC; /*algo de color*/ 
    color: #000; /*mas*/ 
    width:303px; /*defino el ancho del rectangulo del vinculo*/
    padding:4px 0 5px 10px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los �tems del men�*/ 
    text-decoration:none; /*elimino el subrayado del v�nculo*/ 
}
#menucentral li a:hover {
    background-color:#666; /*decoraci�n para el evento hover (mouse encima)*/ 
	color:#FFF;
}
#menuenlaces {
    float:left; /*flota pegado a la izquierda*/
    margin:20px 0px auto 0;/*arriba derecha abajo izquierda*/
    width:960px;
    height:80px;
} 
#menuenlaces ul {
    list-style-type:none; /*con esto quitamos las vi�etas*/
    margin:0; /*le quitamos el margen a la lista*/ 
    padding:0; /*y el relleno*/
    vertical-align:middle;
}
#menuenlaces ul li {
    display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
    list-style-type:none; /*con esto quitamos las vi�etas*/
	margin:0px; /*le quito el margen al elemento de la lista*/ 
    float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
    vertical-align:middle;
    text-align:center;
    width:136px; /*defino el ancho del rectangulo del vinculo*/
}
#menuenlaces li a {
    text-decoration:none; /*elimino el subrayado del v�nculo*/ 
    vertical-align:middle;
}

.header {
        background: #2f2f2f no-repeat;
        height: 105px;        
        margin-bottom: 5px;
        background: url('../images/header_4.jpg') repeat;
        border-radius:5px;
        -moz-box-shadow: 0 0 5px #b9b9b9;
        -webkit-box-shadow: 0 0 5px#b9b9b9;box-shadow: 0 0 5px #b9b9b9;
}
.background {position: absolute;width: 100%; background:#e1e1e1 url('../images/fondo.jpg')  no-repeat center center fixed;}
.navr {height:40px; background: url('../images/mainmenu.png') 0 0 repeat-x; font-family: segoe ui, verdana, arial, sans-serif; -moz-border-radius: 5px; border-radius: 5px;margin-top: 5px;margin-top: 0px;}

body {
        /*background: #E7E7E2 url('../images/body.jpg') no-repeat center top;
        color: #444;
        font: normal Tahoma,sans-serif;
        padding-top: 10px;*/
        position: absolute;width: 100%; 
        /*background:#e1e1e1 url('../images/fondo.jpg')  no-repeat center center fixed;*/
        background: #BBBDC0;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {font: normal 1.8em Tahoma,sans-serif;}
h2 {font: bold 1.4em sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

code {
        background: #FFF;
        border: 1px solid #EEE;
        border-left: 6px solid #CCC;
        color: #666;
        display: block;
        font: normal 1em Tahoma,sans-serif;
        line-height: 1.6em;
        margin-bottom: 12px;
        padding: 8px 10px;
        white-space: pre;
}

blockquote {
        background: url(../images/quote.gif) no-repeat;
        display: block;
        font-weight: bold;
        padding-left: 28px;
}

h1,h2,h3 {padding-top: 6px; color: #553; margin-bottom: 4px;}

/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

/* structure */
.inner-container {
        border: 2px solid #D7D7D2;
        background: #FFF;
        margin: 0 auto;
        padding: 5px;
        width: 1280px;
}

.outer-container {
        background: url('../images/container.jpg') no-repeat center bottom;
}



.menu{	
	
	height: 40px;
	}

.logo {
		/*padding: 20px 10px;*/
		/*margin-bottom: 25px;*/
		text-align: left;
		width: 280px;
}

.userdate{
	
		text-align: right;
		padding: 0 10px 0 50px;
		width: 350px;
		margin: -27px 0 0px 0px;
		float: right;
		font: normal 0.6em sans-serif;
	}

.header .title {
        color: #353526;
      /*  padding-top: 50px;*/
}
.header .title .sitename a {
        border-bottom: 1px dashed #657382;
        color: #FFF;
        font: normal 1.5em sans-serif;
        padding-bottom: 2px;
        text-decoration: none;
}
.header .title a:hover {border-color: #F60;}
.header .title .slogan {
        font: normal 0.8em Verdana,sans-serif;
        padding-top: 6px;
}

/* path */
.path {
        background: #949490;
        color: #FFF;
        font: normal 1.1em Verdana,sans-serif;
        padding: 8px 12px;
}
.path a {
        color: #FAFAFA;
        text-decoration: none;
}
.path a:hover {
        color: #FFE;
        text-decoration: underline;
}

/* main */
.main {
        border-top: 0px solid #FFF;
        padding: 0px 0 0 0;
        
}

/* content */
.content {
    min-height: 380px;
    background: url('../images/banner_2_contrast.jpg')  no-repeat;
    background-size:1280px ;
        
}
.content .descr {
        color: #664;
        font-size: 0.1em;
        margin-bottom: 6px;
}
.content li {
        /*list-style: url(../images/li.gif);*/
        margin-left: 18px;
}
.content p {font-family: "Lucida Sans Unicode",sans-serif;}

/* navigation */
.navigation {
        float: left;
        width: 210px;
}
.navigation h2 {
        color: #5A5A43;
        font: bold 1.1em Tahoma,sans-serif;
        line-height: 30px;
        margin: 0;
        padding-left: 12px;
}
.navigation ul {
        padding: 0;
        border-top: 1px solid #EAEADA;
}
.navigation li {border-bottom: 1px solid #EAEADA;}
.navigation li a {
        font-size: 1.1em;
        color: #554;
        display: block;
        padding: 8px 0 8px 5%;
        text-decoration: none;
        width: 95%;
}
.navigation li a:hover {
        background: #F0F0EB;
        color: #654;    
}

/* footer */
.footer {
        background: #949490;
        color: #F7F7F2;
        font: bold 0.7em sans-serif;
        margin-top: 5px;
        padding: 10px 12px;
}
.footer a {
        color: #F7F7F2;
        text-decoration: none;
}
.footer a:hover {color: #FFC;}

/*.ui-widget {
    font-size: 82%;
}*/
.row_select
{
	background: #0080FF
}

.row_critic_SOS
{
	background: #FF0000
}

.row_critic
{
	background: #FF7373
}
.row_warning
{
	background: #FFDF73
}

/**********************************************************************************************************************************************************/
#sidebar {
	float: left;
	width: 25%;
	padding: 0 10px;
	margin-left: -1px;
    overflow: hidden;
}

#sidebar a.ui-state-hover, 
#sidebar a.ui-state-highlight {
    border:0 none;
    text-decoration: none;
    font-weight: normal;
}

#sidebar table {
    width: 100%;
}

#sidebar table td {
    vertical-align: top;
}

#sidebar ul {
    padding: 0;
    margin: 0;
}

#sidebar ul li {
    list-style-type: none;
    padding: 1px;
}

/* Footer */
/*#footer {
	height: 70px;
	margin: 0 auto;
	padding: 0 20px;
    font-size: 14px;
}

#footer p {
	margin: 0;
	padding: 25px 0 0 0;
	text-align: center;
}

#footer a {
}

#footer .link {
	float: right;
}

#footer .copyright {
	float: left;
}*/

.homeText {
	line-height: 175%;
}

.homeMenu {
	width:200px;
	float:left;
	margin-right:10px
}

.themeMenu {
    overflow: auto;
    height:300px;
    width:200px;
}

.dp-xml {
    width:1000px;
}

.ui-themeswitcher a.ui-selectonemenu-label-container {
    text-decoration: none !important;
}
.ui-widget {
    font-size: 11px !important;
}


/**		Tree 		**/
.ui-tree {
    width: 300px;
}
.ui-tree .ui-tree-container {
    height: 100%;
    margin: 0;
    overflow: auto;
    padding: 3px;
    white-space: nowrap;
}
.ui-tree .ui-treenode-children {
    margin: 0;
    padding: 0 0 0 16px;
}
.ui-tree .ui-treenode {
    background-attachment: scroll;
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat-y;
    list-style: none outside none;
    margin: 0;
    padding: 1px 0 0;
}
.ui-tree .ui-treenode-content {
}
.ui-tree .ui-tree-toggler {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}
.ui-tree .ui-treenode-icon {
    display: inline-block;
    vertical-align: top;
}
.ui-tree .ui-treenode-label {
    display: inline-block;
    margin: 2px 0 0;
    padding: 0 3px;
    vertical-align: top;
}
.ui-tree .ui-tree-selectable .ui-treenode-label, .ui-tree .ui-tree-selectable .ui-treenode-icon {
    cursor: pointer;
}
.ui-tree .ui-treenode-label.ui-state-hover, .ui-tree .ui-treenode-label.ui-state-highlight {
    border: 0 none;
    font-weight: normal;
}
.ui-tree .ui-treenode-leaf-icon {
    display: inline-block;
    height: 16px;
    width: 16px;
}
.ui-tree .ui-chkbox-box {
    cursor: pointer;
    height: 15px;
    width: 15px;
}
.ui-tree .ui-chkbox {
    display: inline-block;
}
.ui-tree-horizontal {
    overflow: auto;
    padding: 10px 0;
    width: auto;
}
.ui-tree.ui-tree-horizontal table, .ui-tree.ui-tree-horizontal tr, .ui-tree.ui-tree-horizontal td {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.ui-tree.ui-tree-horizontal .ui-tree-toggler {
    vertical-align: bottom;
}
.ui-tree-horizontal .ui-treenode-content {
    font-weight: normal;
}
.ui-tree-horizontal .ui-treenode-content.ui-tree-selectable {
    cursor: pointer;
}
.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
    font-weight: normal;
    white-space: nowrap;
}
.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
    padding: 0.4em 1em 0.4em 0.2em;
}
.ui-tree-horizontal .ui-treenode-leaf .ui-treenode-content {
    padding: 0.4em 1em;
}
.ui-tree.ui-tree-horizontal .ui-treenode {
    /*background: url("/showcase/javax.faces.resource/tree/images/line.gif.jsf?ln=primefaces") repeat-x scroll center center transparent;*/
    padding: 5px 40px;
}
.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf, .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed {
    padding-right: 0;
}
.ui-tree.ui-tree-horizontal .ui-treenode-children {
    margin: 0;
    padding: 0;
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector {
    width: 1px;
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
    height: 100%;
    width: 1px;
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
    /*background: url("/showcase/javax.faces.resource/tree/images/line.gif.jsf?ln=primefaces") repeat-y scroll 0 0 transparent;*/
    width: 1px;
}
.ui-tree.ui-tree-horizontal table {
    height: 0;
}
.ui-tree.ui-tree-horizontal .ui-chkbox {
    margin-right: 3px;
    vertical-align: bottom;
}
.ui-tree.ui-tree-rtl {
    direction: rtl;
}
.ui-tree.ui-tree-rtl .ui-treenode-children {
    padding: 0 16px 0 0;
}
.ui-treetable table {
    border-collapse: collapse;
    width: 100%;
}
.ui-treetable .ui-treetable-header, .ui-treetable .ui-treetable-footer {
    padding: 4px 10px;
    text-align: center;
}
.ui-treetable .ui-treetable-header {
    border-bottom: 0 none;
}
.ui-treetable .ui-treetable-footer {
    border-top: 0 none;
}
.ui-treetable th, .ui-treetable tfoot td {
    text-align: center;
}
.ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td {
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    padding: 4px 10px;
    white-space: nowrap;
}
.ui-treetable tbody td {
    border-color: inherit;
}
.ui-treetable .ui-treetable-toggler {
    cursor: pointer;
    float: left;
    margin-top: -2px;
}
.ui-treetable .ui-treetable-data tr.ui-state-highlight, .ui-treetable .ui-treetable-data tr.ui-state-hover {
    cursor: pointer;
}
.ui-treetable-scrollable-body {
    overflow: auto;
}
.ui-treetable-scrollable-header, .ui-treetable-scrollable-footer {
    border: 0 none;
    overflow: hidden;
}
.ui-treetable.ui-treetable-scrollable table {
    table-layout: fixed;
}
.ui-treetable-scrollable .ui-treetable-scrollable-header, .ui-treetable-scrollable .ui-treetable-scrollable-footer {
    position: relative;
}
.ui-treetable .ui-treetable-data tr.ui-state-hover {
    border-color: inherit;
    font-weight: inherit;
}
.ui-treetable-resizable {
    overflow: auto;
    padding-bottom: 1px;
}
.ui-treetable.ui-treetable-resizable table {
    table-layout: fixed;
}
.ui-treetable .ui-column-resizer {
    /*background-image: url("/showcase/javax.faces.resource/spacer/dot_clear.gif.jsf?ln=primefaces");*/
    cursor: col-resize;
    float: right;
    height: 20px;
    margin: -4px -10px -4px 0;
    padding: 0;
    width: 8px;
}
.ui-treetable .ui-column-resizer-helper {
    display: none;
    position: absolute;
    width: 1px;
    z-index: 10;
}
.ui-treetable .ui-chkbox {
    margin-right: 3px;
}
.ui-treetable .ui-treetable-indent {
    float: left;
    height: 16px;
    width: 16px;
}
.ui-wizard {
    margin: 0;
    padding: 0;
}
.ui-wizard-content {
    margin: 3px 0;
}
.ui-wizard-navbar {
    text-align: right;
}
.ui-wizard-nav-back, .ui-wizard-nav-next {
    cursor: pointer;
}
.ui-wizard-nav-back {
    float: left;
}
.ui-wizard-nav-next {
    float: right;
}
.ui-wizard-step-title {
    float: left;
    font-size: 18px;
    margin: 0 3px 0 0;
    padding: 0.4em;
}

.TabOn {
    background-color: #89A0ED;
    border-bottom-color: #89A0ED;
    border-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
}

.singleLine
{
    text-wrap:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ui-datatable thead th {
   white-space:normal !important;
   word-wrap: break-word;
}

.ui-corner-all {
    border: 1px solid #BBBDC0;
    border-radius: 6px;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: url("/foncodes-ssa-web/javax.faces.resource/images/ui-bg_highlight-hard_100_eeeeee_1x101.png.jsf?ln=primefaces-blitzer") repeat-x scroll 50% 50% #EEEEEE;
    border: 1px solid #D8DCDF;
    color: #000000;
    font-weight: bold;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: url("/foncodes-ssa-web/javax.faces.resource/images/ui-bg_highlight-hard_100_eeeeee_1x100.png.jsf?ln=primefaces-blitzer") repeat-x scroll 50% 50% #EEEEEE;
    background: none repeat scroll 0 0 #FFFFFF;
    font-weight: normal;
    color: #000000;
}

.ui-widget-header {
    background: url("../images/mainmenu.png") repeat-x scroll 50% 50% #CC0000;
    border: 1px solid #E3A1A1;
    color: #FFFFFF;
    font-weight: bold;
}


.ui-picklist .ui-picklist-list {
    border: 1px solid #BBBDC0;
    height: 200px;
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 200px;
}